*********/
.menubar {
padding: 0px;
- background-color: mix($fg_color,$bg_color,5%); //Uhm?
+ box-shadow: inset 0 -1px transparentize(black, 0.9);
&:backdrop { background-color: $backdrop_bg_color; }
& > .menuitem {
padding: 4px 8px;
&:hover { //Seems like it :hover even with keyboard focus
box-shadow: inset 0 -3px $selected_bg_color;
- color: $selected_bg_color;
+ color: if($variant == 'light', $selected_bg_color,
+ lighten($selected_bg_color,15%));
}
&:insensitive {
color: $insensitive_fg_color;
background-image: linear-gradient(to bottom, mix(black, $bg_color, 6%) 5%,
mix(black, $bg_color, 4%));
// FIXME no space for outer shadow : box-shadow: 0 1px 1px rgba(0,0,0,.5);
- padding: 0 4px;
- .button { padding: 6px; }
+ padding: 4px;
+ // .button { padding: 6px; }
}
/*************
*********/
.menubar {
padding: 0px;
- background-color: #424747; }
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
.menubar:backdrop {
background-color: #393f3f; }
.menubar > .menuitem {
padding: 4px 8px; }
.menubar > .menuitem:hover {
box-shadow: inset 0 -3px #215d9c;
- color: #215d9c; }
+ color: #3583d5; }
.menubar > .menuitem:insensitive {
color: #939695;
box-shadow: none; }
border-color: #1c1f1f;
border-radius: 0 0 6px 6px;
background-image: linear-gradient(to bottom, #353b3b 5%, #363c3c);
- padding: 0 4px; }
- .app-notification .button {
- padding: 6px; }
+ padding: 4px; }
/*************
* Expanders *
*********/
.menubar {
padding: 0px;
- background-color: #e3e3e3; }
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
.menubar:backdrop {
background-color: #ededed; }
.menubar > .menuitem {
border-color: #a1a1a1;
border-radius: 0 0 6px 6px;
background-image: linear-gradient(to bottom, #dedede 5%, #e3e3e3);
- padding: 0 4px; }
- .app-notification .button {
- padding: 6px; }
+ padding: 4px; }
/*************
* Expanders *